.bkaka-layout-header{
  background: #ffffff;
  height: 56px;
  line-height: 56px;
  padding: 0 16px 0 0;
  .trigger-div{
    float: left;
    width: 56px;
    height: 56px;
    text-align: center;
    cursor: pointer;
    .trigger{
      font-size: 18px;
    }
  }
  .trigger-div:hover{
    color: #1890ff;
    background-color: rgba(24,144,255,.15);
  }

  .trigger-div-right{
    float: right;
    display: table;
    position: relative;
    .trigger-card{
      display: table-cell;
      vertical-align: middle;
      padding: 0 8px;
      cursor: pointer;
      .trigger-avatar{
        width: 30px;
        height: 30px;
        border-radius: 50%;
        vertical-align: middle;
      }
      span{
        padding-left: 14px;
      }
    }
    .name{
      .bkaka-dropdown{
        display: none;
      }
    }
    .name:hover{
      .bkaka-dropdown{
        display: block;
        position: absolute;
        right: 0;
        z-index: 999;
        background: #ffffff;
        border-radius: 4px;
        box-shadow: 0 0 10px rgba(0,0,0,.2);
        width: 80px;
        text-align: center;
        ul{
          list-style: none;
          padding: 0;
          margin: 0 auto;
        }
        li{
          list-style: none;
          height: 30px;
          line-height: 30px;
          margin: 5px auto;
          cursor: pointer;
        }
        li:hover{
          background: rgba(24,144,255,0.15);
        }
        li:last-child{
          border-top: 1px solid #f8f8f8;
        }
      }
    }
  }

}